<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" oncopy="return false" oncut="return false;">
		<link rel="stylesheet" type="text/css" href="css/highlight.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/pagination.css"/>
		
		
		<title></title>
		</head>
		<style type="text/css">
			.content {
				width: 1200px;
				height: auto;
				margin: 0 auto;
			}

			.main {
				padding-left: 100px;
				padding-right: 100px;
			}

			.item {
				width: 900px;
				height: 40px;
				display: flex;
				border: #EEEEEE solid 1px;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 20px;
			}

			.item span {
				font-size: 24px;
				color: #666666;
			}

			.item div {
				height: 2px;
				width: 520px;
				background-color: #dddddd;
			}
			.fy{
				margin-top: 30px;
				margin-left: 50px;
			}
		</style>
		<body>
			<div class="content">
				<div class="main">
					<div class="cnt">
						<div class="item">
							<span>XX机构年度考核</span>
							<div class="">

							</div>
							<span>2018年8月28日</span>
						</div>
						<div class="item">
							<span>XX机构年度考核</span>
							<div class="">

							</div>
							<span>2018年8月28日</span>
						</div>
						<div class="item">
							<span>XX机构年度考核</span>
							<div class="">

							</div>
							<span>2018年8月28日</span>
						</div>
						<div class="item">
							<span>XX机构年度考核</span>
							<div class="">

							</div>
							<span>2018年8月28日</span>
						</div>
						<div class="item">
							<span>XX机构年度考核</span>
							<div class="">

							</div>
							<span>2018年8月28日</span>
						</div>

					</div>
<div class="m-style M-box3 fy"><a href="javascript:;" class="prev">上页</a><a href="javascript:;" data-page="1">1</a><span
					 class="active">2</span><a href="javascript:;" data-page="3">3</a><a href="javascript:;" data-page="4">4</a><a
					 href="javascript:;" data-page="5">5</a><a href="javascript:;" data-page="6">6</a><span>...</span><a href="javascript:;"
					 data-page="50">末页</a><a href="javascript:;" class="next">下页</a><input type="text" class="jump-ipt"><a href="javascript:;"
					 class="jump-btn">跳转</a></div>









				</div>
			</div>
			<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/highlight.min.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/jquery.pagination.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript">
$('.M-box3').pagination({
			pageCount: 50,
			jump: 4,
			coping: true,
			homePage: '首页',
			endPage: '末页',
			prevContent: '上页',
			nextContent: '下页',
			callback: function(api) {
				console.log(api.getCurrent())
			}
		});
			</script>
		</body>
</html>
